<div class="job-profile-wrapper ui-widget-content ui-corner-all ui-helper-clearfix">
	<h3 class="ui-widget-header widget-header ui-corner-all">Job Profile</h3>
	<div class="job-profile-content">
		<ul class="job-menu">
			<li class="child-job">
				<a href="#">Worker</a>
			</li>
			<li class="child-job">
				<a href="#">Foreman</a>
			</li>
			<li class="child-job">
				<a href="#">Filling Technician</a>
			</li>
			<li class="child-job">
				<a href="#">DS Technician</a>
			</li>
			<li class="child-job">
				<a href="#">Supervisor</a>
			</li>
		</ul>
		<div class="job-profile-detail ui-widget-content ui-corner-all">

		</div>
	</div>
</div>
<script type="text/javascript">
	$(".job-menu").menu();

	$(".child-job").click(function(){

		$.ajax({
			url : "<?=base_url()?>index.php/home/job_profile_detail/",
			type : "POST",
			data : {},
			success: function(data){
				$(".job-profile-detail").html(data);
			}
		});
	});
</script>